<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">广告列表</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="mx-box">
                <div class="mx-title" ><h5 class="pl-15">筛选查询</h5>
                    <div class="mx-title-right">
                        <span class="f-12 mr-10 slectShow" style="color:#999999;cursor: pointer;"><i class="Hui-iconfont rotate-top mr-5" style="display:inline-block;">&#xe63d;</i>收起筛选</span>
                        <!-- <a id="normalSearch" class="btn btn-default-outline radius">查询结果</a> -->
                    </div>
                </div>
                <div class="mx-content select-wrap">
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <span>图片名称：</span><input id="name" type="text" class="input-text radius size-M" placeholder="图片名称">
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        图片位置：
                        <span class="select-box radius" style="width:170px;">
                                <select class="select" id="typeSelect">
                                    <option value="" selected>全部</option>
                                    <option value="mailing">投递方案弹出窗</option>
                                </select>
                        </span>
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        到期时间：
                        <span class="select-box radius" style="width:170px;">
                                <select class="select" id="changeTime">
                                    <option value="" selected>全部</option>
                                    <option value="1">1天内</option>
                                    <option value="3">3天内</option>
                                    <option value="7">1周内</option>
                                </select>
                        </span>
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <a id="normalSearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>查询</a>
                    </div>
                </div>
            </div>
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15">数据列表</h5>
                    <div class="mx-title-right">
                    <a class="btn btn-default-outline radius" id="add_pic">添加广告</a>
                    <span class="select-box radius">
                        <select id="changeSize" class="select" size="1" name="demo1">
                            <option value="10" selected>显示条数</option>
                            <option value="20">20</option>
                            <option value="50">50</option>
                            <option value="100">100</option>
                        </select>
                    </span>
                    <span class="select-box radius">
                        <select id="changeDesc" class="select">
                            <option value="排序方式" selected>排序方式</option>
                            <option value="desc" >正序</option>
                            <option value="">倒序</option>
                        </select>
                    </span>
                    </div>
                </div>
                <div class="mx-content">
                    <table class="table table-border table-bordered table-bg table-hover">
                        <thead>
                        <tr>
                            <th class="text-c"></th>
                            <th class="text-c">编号</th>
                            <th class="text-c">图片名称</th>
                            <th class="text-c">图片位置</th>
                            <!-- <th class="text-c">图片预览</th> -->
                            <th class="text-c">时间</th>
                            <th class="text-c">上线/下线</th>
                            <th class="text-c">操作</th>
                        </tr>
                        </thead>
                        <tbody id="List">
                            <!-- <tr>
                                <td>
                                    <div class="goods-checkbox">
                                        <div class="check-box">
                                            <input type="checkbox">
                                        </div>
                                    </div>
                                </td>
                                <td class="text-c">201707196398345</td>
                                <td class="text-c">高薪就业，无忧创业</td>
                                <td class="text-c">用户端轮播</td>
                                <td class="text-c"><img src="./images/logo.png" style="width:100px;height:100px;" ></td>
                                <td class="text-c">
                                    <p>开始时间：2017-07-19 14:48:38</p>
                                    <p>结束时间：2017-07-19 14:48:38</p>
                                </td>
                                <td class="text-c">
                                    <span class="switch switch-on new" themeColor="#3498db"></span>
                                </td>
                                <td class="text-c">
                                    <a class="handle edit" href="./slide-set-edit.html">编辑</a><a class="handle settop">置顶</a><a class="handle delete">删除</a>
                                </td>
                            </tr> -->
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7" style="border-right:none;">
                                <div class="l">
                                    <div class="goods-checkbox">
                                        <div class="check-box">
                                            <input type="checkbox" id="alls" name="all">
                                        </div>
                                    </div>
                                    <label>全选</label>
                                    <span class="select-box">
                                        <select class="select" id="allTypeSelect">
                                            <option value="批量操作" selected>批量操作</option>
                                            <option value="1">删除</option>

                                        </select>
                                    </span>
                                    <button class="btn btn-primary" id="deAll">确定</button>
                                </div>
                                <div class="r" id="page">

                                </div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>

<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/ads-list.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>